<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>分类</title>
    <link rel="stylesheet" type="text/css" href="aui/css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
    <script src="//at.alicdn.com/t/font_1013425_kwpd6ex9d8f.js"></script>
    <script src="js/js.js"></script>
</head>
<body>

<!--顶部-->
<header class="aui-bar aui-bar-nav aui-bar-light">
    <a href="/" class="aui-pull-left aui-btn">
        <svg class="icon sousuoicon" aria-hidden="true">
            <use xlink:href="#icon-lvsefenkaicankaoxianban-"></use>
        </svg>
        <span style="color: red">  </span>
    </a>
    <div class="aui-title">分类检索</div>
</header>

<!--分类检索-->
<section>
    <div class="aui-content aui-margin-b-15" id="category_title">
        <ul class="aui-list aui-list-in">
            <li>
                <div class="aui-list-item-inner aui-row ">
                    <div class="aui-list-item-title aui-col-xs-3">分类</div>
                    <div class="aui-col-xs-10">
                        <a href="" class="focus">全部</a>
                        <a href="">玄幻</a>
                        <a href="">都市</a>
                        <a href="">玄幻</a>
                        <a href="">都市</a>
                        <a href="">玄幻</a>
                        <a href="">都市</a>
                    </div>
                </div>
            </li>

            <li>
                <div class="aui-list-item-inner aui-row ">
                    <div class="aui-list-item-title aui-col-xs-3">状态</div>
                    <div class="aui-col-xs-10">
                        <a href="" class="focus">全部</a>
                        <a href="">连载中</a>
                        <a href="">完结</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</section>


<section id="category_list">
    <!--搜索列表  默认展示全部-->
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-media-list category_list">
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>

            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>

            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>

            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="images/pic1.png"/>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title  aui-ellipsis-1">
                            最萌的校花之一
                        </div>
                        <p>作者：大王</p>
                        <p>人气：3000 </p>
                        <p class="aui-ellipsis-2">有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看有一个很厉害的校花 特别萌 不信你往下看看</p>
                    </div>
                </div>
            </li>

        </ul>
    </div>


</section>


<!--底部-->
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item" tapmode>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-shoucang"></use>
        </svg>
        <div class="aui-bar-tab-label">收藏</div>
    </div>

    <div class="aui-bar-tab-item aui-active" tapmode>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-shouye-dh"></use>
        </svg>
        <div class="aui-bar-tab-label">首页</div>
    </div>

    <div class="aui-bar-tab-item" tapmode>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-wode"></use>
        </svg>
        <div class="aui-bar-tab-label">我的</div>
    </div>
</footer>

<!--返回顶部-->
<section>
    <span id="btn-scroll-up">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-huojian"></use>
        </svg>
    </span>
</section>
</body>
</html>